@import 'tailwindcss';

/* 本地Poppins字体 */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../assets/fonts/poppins-v20-latin-300.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/fonts/poppins-v20-latin-regular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../assets/fonts/poppins-v20-latin-500.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../assets/fonts/poppins-v20-latin-600.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../assets/fonts/poppins-v20-latin-700.woff2') format('woff2');
    font-display: swap;
}

/* 本地Playball字体 */
@font-face {
    font-family: 'Playball';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/fonts/playball-v16-latin-regular.woff2') format('woff2');
    font-display: swap;
}

/* 设置字体默认样式 */
:root {
    --font-sans: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-playball: 'Playball', cursive;
}

body {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button {
    cursor: pointer;
}

/* Poppins字体变体使用示例 */
.font-poppins {
    font-family: 'Poppins', sans-serif;
}

/* Playball字体变体使用示例 */
.font-playball {
    font-family: var(--font-playball);
}

.arco-input-focus {
    border-color: #e11d48 !important;
}

.arco-skeleton-shape {
    background-color: #171717;
}

.x-form .arco-col-5 {
    flex: 0 0 0% !important;
    width: 0% !important;
}

.x-form .arco-col-19 {
    flex: 0 0 100% !important;
    width: 100% !important;
}

.x-form .arco-input-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
